<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="李军锋">
    <title></title>
    <style>
        body{
            margin: 0;
            padding: 0;
        }
       nav{
           width: 1500px;
           height: 60px;
           background-color: #eef1f0;
           margin: 0 auto;
       }
       ul{
           list-style: none;
           display: flex;
           justify-content: space-around;
       }
       ul>li{
           line-height: 60px;
           position: relative;
           text-align: center;
       }
       .one a{
           color: #57a4cf;
       }
       ul>li a{
           color: #6f726f;
           text-decoration: none;
           position: relative;
       }
       ul>li a:hover{
           color: #d95f39;
       }
       .end img{
           background-image: url(2.png);
           width: 20px;
           height: 20px;
       }
       /* .inner{
           width: 200px;
           height: 240px;
           background-color: wheat;
           margin: 0;
           padding: 0;
           position: relative;
           margin-top: 20px;
         
       } */
       /* .inner ul{
           margin: 0;
           padding: 0;
       }
       .icon{
           width: 200px;
           height: 240px;
           background-color: wheat;
           margin: 0;
           padding: 0;
           position: relative;
           margin-top: 20px;
       }
       .icon ul{
           margin: 0;
           padding: 0;
       }
       .icon-box{
           width: 50px;
           height: 100px;
           background-color: wheat;
           margin-top: 20px;
       }
       .icon-box ul{
           margin: 0;
           padding: 0;
       } */
    </style>
</head>
<body>
   <nav>
       <ul>
           <li class="one"><a href="">首页</a></li>
           <li><a href="">剧集</a>
              <!-- <ul class="inner">
                <li><a href="#"><span>极限挑战...</span><span>挑战者联盟</span></a></li>
                <li><a href="#"><span>脑大洞开...</span><span>火星情报局</span></a></li>
                <li><a href="#"><span>暴走漫画...</span><span>日日煮2017</span></a></li>
                <li><a href="#"><span>开心俱乐部</span><span>举杯呵呵喝</span></a></li>

              </ul> -->
           </li>
           <li><a href="">电影</a>
               <!-- <ul class="icon">
                <li><a href="#"><span>极限挑战...</span><span>挑战者联盟</span></a></li>
                <li><a href="#"><span>脑大洞开...</span><span>火星情报局</span></a></li>
                <li><a href="#"><span>暴走漫画...</span><span>日日煮2017</span></a></li>
                <li><a href="#"><span>开心俱乐部</span><span>举杯呵呵喝</span></a></li>
               </ul> -->
           </li>
           <li><a href="">综艺</a>
               <!-- <ul class="inner">
                    <li><a href="#"><span>极限挑战...</span><span>挑战者联盟</span></a></li>
                <li><a href="#"><span>脑大洞开...</span><span>火星情报局</span></a></li>
                <li><a href="#"><span>暴走漫画...</span><span>日日煮2017</span></a></li>
                <li><a href="#"><span>开心俱乐部</span><span>举杯呵呵喝</span></a></li>
               </ul> -->
           </li>
           <li><a href="">音乐</a></li>
           <li><a href="">少儿</a>
            <!-- <ul class="inner">
                 <li><a href="#"><span>极限挑战...</span><span>挑战者联盟</span></a></li>
                <li><a href="#"><span>脑大洞开...</span><span>火星情报局</span></a></li>
                <li><a href="#"><span>暴走漫画...</span><span>日日煮2017</span></a></li>
                <li><a href="#"><span>开心俱乐部</span><span>举杯呵呵喝</span></a></li>
            </ul> -->
           </li>
           
           <li><a href="">时尚</a></li>
           <li><a href="">亲子</a></li>
           <li><a href="">教育</a></li>
           <li><a href="">游戏</a></li>
           <li class="end"><a href="">更多</a><img src="" alt="">
            <!-- <ul class="icon-box">
                <li><a href="">VR</a></li>
                <li><a href="">生活</a></li>
                <li><a href="">原创</a></li>
                <li><a href="">排行</a></li>
            </ul> -->
           </li>
       </ul>
   </nav>
</body>
</html>